<template >
    <div>
      <el-button @click="drawer = true" type="primary" style="margin-left: 16px;">
        <svg class="icon" aria-hidden="true">
            <use xlink:href="#icon-bofanggedan"></use>
        </svg>  
        
</el-button>
  <el-drawer 
    :modal="true" 
    :append-to-body="true"
    title="播放队列"
    :visible.sync="drawer"
    :with-header="true">
    <songline :music="item"  v-for="(item,index) of this.$store.state.Play" :key="index"></songline>
  </el-drawer>        
    </div>
    
</template>

  
  <script>
  import songline from '@/components/drawer/songline.vue'
    export default {
      components:{
        songline
      },
      data() {
        return {
          drawer: false,
        };
      }
    };
  </script>

  <style lang="scss" >
.rtl{background-color: #ffffff;}
  .icon{
    font-size:2rem;
  }
  </style>